.px2rem(@name,@px){
    @{name}: @px / 75px * 1rem 
}
body{
    background: #e8e3e7;
}
.header{
    .px2rem(margin-bottom,40);
    .swiper-container{
        .swiper-wrapper{
            .swiper-slide{
                img{
                    width: 100%;
                }
            }
        }
    }
}
.imgs{
    .px2rem(margin-bottom,40);
    display: flex;
    justify-content: space-between;
    div{
        width: 49%;
        img{
            width: 100%;
            .px2rem(height,500)
        }
        ;
    }
}
.specialplanning{
    background: white;
    .px2rem(margin-bottom,40);
    z-index: 60;
    ._top{
        .px2rem(padding,80);
        .px2rem(line-height,160);
        text-align: center;
        p:nth-child(1){
            .px2rem(font-size,120);
        }
        p:nth-child(2){
            color: #9c9c9c;
            .px2rem(font-size,80);
        }
    }
    .picture{
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        overflow: hidden;
         .swiper-container {
            .swiper-wrapper{
                display: flex;
                justify-content:initial; 
                .swiper-slide{ 
                      width: 100%;                                      
                    img{
                        .px2rem(width,600);                        
                    }
                }
            }
            
        }
        
    }
    ._bottom{
        display: flex;
        justify-content: space-between;
        .px2rem(padding,100); 
        align-items: center;
        p{
            img{
                width: 80%;
            }
        }  
    }
}
.wind_indicator{
    background: white;
    .px2rem(margin-bottom,40);
    z-index: 60;
    ._top{
        .px2rem(padding,80);
        .px2rem(line-height,160);
        text-align: center;
        p:nth-child(1){
            .px2rem(font-size,120);
        }
        p:nth-child(2){
            color: #9c9c9c;
            .px2rem(font-size,80);
        }
    }
    .picture{
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        overflow: hidden;
         .swiper-container {
            .swiper-wrapper{
                display: flex;
                justify-content:initial; 
                .swiper-slide{ 
                      width: 100%;                                      
                    img{
                        .px2rem(width,600);                        
                    }
                }
            }
            
        }
        
    }
    ._bottom{
        text-align: center;  
        .px2rem(padding,80);    
        p{
            width: 60%;
            margin: 0 auto;
            .px2rem(padding,40);
            border: 1px solid #ff8e30;
            .px2rem(border-radius,40);
        }  
    }
}
.hot_topic{
    background: white;
    .px2rem(margin-bottom,40);
    z-index: 60;
    ._top{
        .px2rem(padding,80);
        .px2rem(line-height,160);
        text-align: center;
        p:nth-child(1){
            .px2rem(font-size,120);
        }
        p:nth-child(2){
            color: #9c9c9c;
            .px2rem(font-size,80);
        }
    }
    .picture{
         font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        overflow: hidden;
         .swiper-container {
            .swiper-wrapper{
                display: flex;
                justify-content:initial; 
                .swiper-slide{ 
                      width: 100%;                                      
                    img{
                        .px2rem(width,600);                        
                    }
                }
            }
            
        }
        
    }
    ._bottom{
        display: flex;
        justify-content: space-between;
        .px2rem(padding,100); 
        align-items: center;
        p{
            img{
                width: 80%;
            }
        }  
    }
}
.scenery{
    background: white;
    .px2rem(margin-bottom,40);
    z-index: 60;
    ._top{
        .px2rem(padding,80);
        .px2rem(line-height,160);
        text-align: center;
        p:nth-child(1){
            .px2rem(font-size,120);
        }
        p:nth-child(2){
            color: #9c9c9c;
            .px2rem(font-size,80);
        }
    }
    .picture{
         font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        overflow: hidden;
         .swiper-container {
            .swiper-wrapper{
                display: flex;
                justify-content:initial; 
                .swiper-slide{ 
                      width: 100%;                                      
                    img{
                        .px2rem(width,600);                        
                    }
                }
            }
            
        }
        
    }
    ._bottom{
        display: flex;
        justify-content: space-between;
        .px2rem(padding,100); 
        align-items: center;
        p{
            img{
                width: 80%;
            }
        }  
    }
}
.friend_place{
    background: white;
    .px2rem(margin-bottom,400);
    z-index: 60;
    ._top{
        .px2rem(padding,80);
        .px2rem(line-height,160);
        text-align: center;
        p:nth-child(1){
            .px2rem(font-size,120);
        }
        p:nth-child(2){
            color: #9c9c9c;
            .px2rem(font-size,80);
        }
    }
    .picture{
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        overflow: hidden;
        .px2rem(padding-bottom,80);
         .swiper-container {
            .swiper-wrapper{
                display: flex;
                justify-content:initial; 
                .swiper-slide{ 
                    dl{
                        dt{
                            img{
                                .px2rem(width,600); 
                                                      
                            } 
                        }
                        dd{
                            width: 100%; 
                            .px2rem(font-size,60);
                            .px2rem(line-height,100);
                            text-align: center;       
                        }
                    }
                      
                }
            }
            
        }
        
    }
        
    ._bottom{
        display: flex;
        justify-content: space-between;
        .px2rem(padding,100); 
        align-items: center;
        border-top: 1px solid #e8e3e9;
        p{
            img{
                width: 80%;
            }
        }  
    }
}
.nav_bottom{
    z-index: 90;
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   .px2rem(height,360);
   background: white; 
   display: flex;
   justify-content: space-around;
   text-align: center;
   border-top: 1px solid #e8e3e9;
   dl{
       dt{
           img{
               width: 40%;
               .px2rem(padding,30)
            }
       }
   }
}
